<template>
  <div>
   
    <!-- <h1>我是侧边导航栏</h1> -->
    <!-- <div class="side-menubox">
        <ul class="side-menubox-ul">
          <li class="side-menubox-ul-f1">全部</li>
          <li class=" side-menubox-ul-f2" v-for="item in SideNavList" :value="item.id" :key="item.id" @click="Sidenav(item.cid)"> {{item.c_name}}</li> -->
          <!-- <li class=" side-menubox-ul-f3">家电</li>
          <li class=" side-menubox-ul-f4">教育</li>
          <li class=" side-menubox-ul-f5">娱乐</li>
          <li class=" side-menubox-ul-f6">文化</li> -->
          <!-- <li class=" side-menubox-ul-f6"  ref="top"  @click="backtop">公益</li> -->
        <!-- </ul> -->
      </div>

  </div>
</template>

<script>
import { Sidenavselect } from "../../../../../server/allproject.js";

export default {
  data(){
    return{
      Sidenavselect:[],//查找分类表数据后装起来
      SideNavList:[],//把分类表删除后，对的数据后，装起来，这是打印的数组
    }
  },
  created(){
     Sidenavselect().then(res => {
       this.Sidenavselect = res.data;
       this.Sidenavselect.splice(0,1);
       this.SideNavList = this.Sidenavselect;
      this.SideNavList.splice(8,1)
    });

  },
  //  mounted() {
  //   // 注册页面滚动事件
  //   document.addEventListener('scroll', this.Scroll, true)
  // },
  methods:{
      Sidenav(id){

      this.$show.$emit('sendsideNavText',id);
    },
  //      // 回到顶部
  //   backtop() {
  //     const that = this
  //     let timer = setInterval(() => {
  //       //获取到当前页面距离顶部的距离
  //       let osTop =
  //         document.documentElement.scrollTop || document.body.scrollTop
  //       // 计算每次向上移动的距离（负的滚动距离/5）
  //       let ispeed = Math.floor(-osTop / 5)
  //       // 用当前距离+计算出的距离，将结果再赋值当前距离
  //       document.documentElement.scrollTop = document.body.scrollTop =
  //         osTop + ispeed
  //       // 当前距离为0时，即已回到顶部，清除计时器
  //       if (osTop == 0) {
  //         clearInterval(timer)
  //       }
  //     }, 15)
  //   },
  //   // 绑定滚动事件
  //   Scroll() {
  // 
  //     const back = this.$refs.top //获取返回顶部
  //     if (window.pageYOffset > 1400) {
  //       //当第一个导航框到达一定距离
  //       if (back) {
  //         back.style.display = 'block' //显示返回顶部
  //       }
  //     } else {
  //       if (back) {
  //         back.style.display = 'none' //隐藏返回顶部
  //       }
  //     }
  //   },
  }

};
</script>

<style>
.side-menubox{
  position:fixed;;
    /* top: 50%; */
    height: 350px;
   margin-top: -1480px;
    width: 52px;
    /* left: 50%; */
    margin-left: 4px;
    /* border:1px solid blue; */
    /* background-color: red; */
    -webkit-box-shadow: 0 0 29px #ececec;
  -moz-box-shadow: 0 0 29px #ececec;
  -ms-box-shadow: 0 0 29px #ececec;
  box-shadow: 0 0 29px #ececec;
}
/* 隔离 */
/* 全部按钮默认显示字体白色，还有图案 */
.side-menubox-ul-f1{
   margin-top: 26px;
  /* padding: 5px; */
  /* border:1px solid blue; */
  color:#fff;
  width: 52px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  background-image: url(https://static.360buyimg.com/finance/crowdfunding/list/3.0.0/css/i/cur-s4effb5dc05.png);
}

.side-menubox-ul li{
  margin-top: 26px;
  width: 52px;
  height: 24px;
  text-align: center;
  line-height: 24px;
 
}
 .side-menubox-ul :hover {
  background-image: url(https://static.360buyimg.com/finance/crowdfunding/list/3.0.0/css/i/cur-s4effb5dc05.png);
    color:#fff;

}


</style>